<template>
  <div>
    <el-container>
      <el-header>系统信息</el-header>
      <el-main>
        <el-row :gutter="12">
          <el-col :span="4">
            <el-card>服务器操作系统:</el-card>
          </el-col>
          <el-col :span="8">
            <el-card>Linux (114.55.34.251)</el-card>
          </el-col>
          <el-col :span="4">
            <el-card>Web 服务器:</el-card>
          </el-col>
          <el-col :span="8">
            <el-card>nginx/1.10.2</el-card>
          </el-col>
        </el-row>
        <el-row :gutter="12">
          <el-col :span="4">
            <el-card>PHP 版本::</el-card>
          </el-col>
          <el-col :span="8">
            <el-card>5.6.30</el-card>
          </el-col>
          <el-col :span="4">
            <el-card>MySQL 版本:</el-card>
          </el-col>
          <el-col :span="8">
            <el-card>5.5.56</el-card>
          </el-col>
        </el-row>
        <el-row :gutter="12">
          <el-col :span="4">
            <el-card>安全模式:</el-card>
          </el-col>
          <el-col :span="8">
            <el-card>否</el-card>
          </el-col>
          <el-col :span="4">
            <el-card>安全模式GID:</el-card>
          </el-col>
          <el-col :span="8">
            <el-card>否</el-card>
          </el-col>
        </el-row>
        <el-row :gutter="12">
          <el-col :span="4">
            <el-card>Socket 支持:</el-card>
          </el-col>
          <el-col :span="8">
            <el-card>是</el-card>
          </el-col>
          <el-col :span="4">
            <el-card>时区设置:</el-card>
          </el-col>
          <el-col :span="8">
            <el-card>Asia/Shanghai</el-card>
          </el-col>
        </el-row>
        <el-row :gutter="12">
          <el-col :span="4">
            <el-card>GD 版本:</el-card>
          </el-col>
          <el-col :span="8">
            <el-card>GD2 ( JPEG GIF PNG)</el-card>
          </el-col>
          <el-col :span="4">
            <el-card>Zlib 支持:</el-card>
          </el-col>
          <el-col :span="8">
            <el-card>是</el-card>
          </el-col>
        </el-row>
        <el-row :gutter="12">
          <el-col :span="4">
            <el-card>IP 库版本:</el-card>
          </el-col>
          <el-col :span="8">
            <el-card>20071024</el-card>
          </el-col>
          <el-col :span="4">
            <el-card>文件上传的最大大小:</el-card>
          </el-col>
          <el-col :span="8">
            <el-card>40M</el-card>
          </el-col>
        </el-row>
        <el-row :gutter="12">
          <el-col :span="4">
            <el-card>程序版本:</el-card>
          </el-col>
          <el-col :span="8">
            <el-card>v2.2.2 RELEASE 20180629</el-card>
          </el-col>
          <el-col :span="4">
            <el-card>安装日期:</el-card>
          </el-col>
          <el-col :span="8">
            <el-card>2018-05-02</el-card>
          </el-col>
        </el-row>
        <el-row :gutter="12">
          <el-col :span="4">
            <el-card>编码:</el-card>
          </el-col>
          <el-col :span="8">
            <el-card>UTF-8</el-card>
          </el-col>
          <el-col :span="4">
            <el-card></el-card>
          </el-col>
          <el-col :span="8">
            <el-card></el-card>
          </el-col>
        </el-row>
      </el-main>
    </el-container>
  </div>
</template>

<style scoped>
.el-card {
  color: #333;
  text-align: left;
}
.el-col {
  line-height: 12px;
}
.el-header,
.el-footer {
  background-color: #e0e4e9;
  color: #333;
  text-align: left;
  line-height: 60px;
}
</style>
